/*CSS CNFPT*/

 .btn_voir {
  display: none;
  padding: 3px 8px 0;
  position: absolute;
  bottom: -1px;
  right: -2px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 9px;
  color: #FFFFFF;
  letter-spacing: 2px;
  background: #102d69;
  line-height: 20px;
  border-radius: 0.25rem !important;
}

.border:hover .btn_voir{
  display:block;
}

.border:hover {
  border : 1px solid #102d69 !important;
}

.gamme-institutionnelle, a.gamme-institutionnelle, h5.institutionnelle
{
  color: #E94063;
}

.gamme.institutionnelle:hover
{
  background: #E94063;
  ;
}

.gamme-offre-de-services, a.gamme-offre-de-services, h5.ofs
{
  color: #FDC500;
}

.gamme.ofs:hover
{
  background: #FDC500;
  ;
}

.gamme-etudes-et-emplois, a.gamme-etudes-et-emplois, h5.etudes
{
  color: #00697F;
}

.gamme.etudes:hover
{
  background: #00697F;
  ;
}


.gamme-intervenants, a.gamme-intervenants, h5.intervenants
{
  color: #A24A7F;
}

.gamme.intervenants:hover
{
  background: #A24A7F;
  ;
}

.gamme-objets-promotionnels, a.gamme-objets-promotionnels, h5.objets
{
  color: #B0A69D;
}


.gamme.objets:hover
{
  background: #B0A69D;
  ;
}

.media{
  margin-left: 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

img.img-card-product {
  width: 100px !important;
}

.ajax_cart_quantity{
  display: block;
  position: absolute;
  top: 25px;
  right: 2.6rem;
  bottom: 8px;
  border: 1px solid #102d69;
  border-radius: 100px;
  background: #F3F6F9 !important;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  color: #033f2b;
  font-size: 0.9rem;
}

.gamme:hover h5{
  color: #FFFFFF;
}

 .no-gutters {
  margin-right: 0;
  margin-left: 0;
}

 @media (min-width: 576px) {
  .produit.col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
}

@media (min-width: 768px) {
  .produit.col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (min-width: 1200px) {
  .produit.col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333;
    max-width: 33.333333%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

 .form-control ~ .password-icon {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 20px;
  transition: all 0.2s;
}

@media all and (min-width: 959px) {

  .d-flex.justify-content-center.pt-3 .krajee-default{display:block;}
  .link-modal{display:block;}
  .link-mobile{display:none;}

}

@media all and (max-width: 959px) {

  .d-flex.justify-content-center.pt-3 .krajee-default{display:none;}
  .link-modal{display:none;}
  .link-mobile{display:block;}

}

.form-control.is-invalid ~ .password-icon{
  display: flex;
  align-items: center;
  position: absolute;
  top: 30%!important;
  right: 40px;
  transform: translateY(-50%);
  width: 20px;
  transition: all 0.2s;
}

.password-icon:hover {
  cursor: pointer;
  color: #102d69;
}

.password-icon .fa-eye-slash {
  display: none;
}

 .span12 {
	display: inline-block;
	vertical-align: top;
	margin-left: 2%;
}

/* Time Line & Tableau de bord
------------------------------ */
.contact-tdb .add-info {
	display:flex;
	flex-direction:column;
	background: #fbfbfb;
	padding: 2px 7px 5px 7px;
	border: 1px solid #f5f5f5;
	border-radius: 5px;
	margin-bottom: 5px;
}
.contact-tdb .add-info > ul {flex-direction:row; justify-content:flex-start; display:flex; flex:1;}
.contact-tdb .add-info > ul li {
	text-align: center;
	min-width: 40px;
	max-width: 100px;
	flex:1;
	padding:5px;
	cursor: pointer;
	border-bottom:2px solid #000;
	margin:0 2px;
	position:relative;

}
.contact-tdb .add-info .openClose {color:#aaa; font-size:24px}
.contact-tdb .add-info > ul li i {font-size:18px; }
.contact-tdb .add-info > ul li.rdv {color: #229; border-color:#229;}
.contact-tdb .add-info > ul li.sms {color:#00acd5; border-color: #00acd5; }
.contact-tdb .add-info > ul li.sms i {font-size: 24px;}
.contact-tdb .add-info > ul li.task {color: #000;}
.contact-tdb .add-info > ul li.call {color: #66f;  border-color:#77f;}
.contact-tdb .add-info > ul li.note {color: #5a5;  border-color:#5a5;}
.contact-tdb .add-info > ul li.select::after {
	content:"";
	position:absolute;
	bottom:-6px;
	left:calc(50% - 6px);
	z-index:1;
	border-color:inherit;
	border-left: solid transparent 6px;
	border-right: solid transparent 6px;
	border-top: 6px solid;
}
.contact-tdb .add-info > ul li:first-child {margin-left:0; }
.contact-tdb .add-info ul li.end {max-width: none; flex:6; border-color:#eee; text-align: right; margin-right: 0;}
.contact-tdb .add-info textarea{
	border:none;
	border-bottom: 1px solid #eee;
	font-size:12px;
	line-height: 16px;
	height: 45px;
	padding:4px;
}
.contact-tdb .add-info textarea.bigger {
	height:80px;
}
.contact-tdb .add-info textarea:focus {	box-shadow:none;}
.contact-tdb .add-info textarea::-webkit-input-placeholder { color:#bbb; font-style: normal; font-size:15px; letter-spacing: 1px;}
.contact-tdb .add-info textarea:-ms-input-placeholder { color:#bbb; font-style: normal; font-size:15px; letter-spacing: 1px;}
.contact-tdb .add-info textarea::-moz-placeholder { color:#bbb; font-style: normal; font-size:15px; letter-spacing: 1px;}
.contact-tdb .add-info textarea:-moz-placeholder  { color:#bbb; font-style: normal; font-size:15px; letter-spacing: 1px;}
.contact-tdb .add-info .msg-subject {margin:4px 0px;}
.contact-tdb .add-info .tools p > * {vertical-align: middle;  margin:2px 5px;}
.contact-tdb .add-info .tools p > :first-child {margin-left:0; }
.contact-tdb .add-info .tools p > :last-child {margin-right:0; }
.contact-tdb .add-info .tools p > i {font-size:15px; flex:0; display: block; align-self: center; cursor: pointer; }
.contact-tdb .add-info .tools p > i.i-lock {color:#a00; }
.contact-tdb .add-info .tools p > i:hover {color:#0a0;}
.contact-tdb .add-info .tools > p > button {align-self: end;}
.contact-tdb .add-info .tools p > input {flex:1;}
.contact-tdb .add-info .tools p > select {flex:1;}
.contact-tdb .add-info .tools p {padding:4px 0 0px 0; flex-direction:row; display:flex; justify-content:space-between}

.contact-tdb .search {
	display: flex;
	position: sticky;
	top: 40px;
	margin-top:10px;
	z-index: 110;
	background: #fbfbfb;
	padding: 2px 7px 2px 7px;
	border: 1px solid #f5f5f5;
	border-radius: 5px 5px 0 0;
}
.contact-tdb .search input[type='text'] {min-width:100px; flex:0.9; border:1px solid #eee; padding:2px 4px; line-height: 11px; font-size:11px; margin-right: 30px; margin-top:3px;}
.contact-tdb .openSub {text-align:center; padding:5px 0; font-size:12px; margin: 6px 6px; display: inline-block; cursor: pointer; opacity: 0.6; }
.contact-tdb .itemFilters {text-align: right; padding:5px 0; flex:1;}
.contact-tdb .itemFilters i.item {font-size:12px; margin: 6px 6px; display: inline-block; cursor: pointer; opacity: 0.6;}
.contact-tdb .openSub:hover,
.contact-tdb .openSub.on,
.contact-tdb .itemFilters i.item:hover,
.contact-tdb .itemFilters i.item.on {font-size:18px; margin: 0px 3px; opacity: 1;}
.contact-tdb .itemFilters i.item.late {padding:6px; margin:0px; border-radius: 15px; background: #f00; color:#fff;}
.contact-tdb .itemFilters i.item.late:hover,
.contact-tdb .itemFilters i.item.late.on {margin:0; padding: 5px 5px; font-size:14px;}


.itemFilters i.note { color:#5a5; }
.itemFilters i.rdv  { color:#229; }
.itemFilters i.call  { color:#77f; }
.itemFilters i.ticket  { color:#5aa; }
.itemFilters i.act  { color:#fe4; }
.itemFilters i.oppt  { color:#e92; }
.itemFilters i.quote  { color:#f39200; }
.itemFilters i.sale  { color:#d01; }
.itemFilters i.sms  { color:#00acd5; }
.itemFilters i.eml  { color:#49d; }
.itemFilters i.mail  { color:#7433a9; }
.itemFilters i.event  { color:#00c510; }
.itemFilters i.msg  { color:#000; }


.timeline {margin:10px 0 50px 0; position:relative;}
.contact-tdb .search + .timeline {margin-top:0px;}
.timeline::after {
	content:"";
	position:absolute;
	border:3px dotted #eee;
	left:calc(50% - 2px);
	bottom:-50px;
	z-index:0;
	height: 50px;
};
.timeline ul.line {position:relative;}
.timeline ul.line::after {
	content:"";
	position:absolute;
	border:3px solid #eee;
	left:calc(50% - 2px);
	top:0;
	z-index:0;
	height: 100%;
}

.timeline > ul > li {display:flex; flex-direction:row; position:relative;}
.timeline > ul > li:nth-child(2n) { flex-direction:row-reverse;}
.timeline > ul > li.year {width:100%; justify-content:center; padding:35px 0 10px 0;}
.timeline > ul > li.year span {display: inline-flex; font-size:20px; padding:5px 20px; border:2px solid #fff; background: #333; border-radius: 20px; color:#fff; z-index:1;}
.timeline > ul > li > div.info {
	vertical-align: top;
	margin-top: 10px;
	position:relative;
	background: #fafafa;
	border-radius: 8px 0 0 8px;
	border-right:2px solid #eee;
	padding:8px;
	width:45%;
	overflow: hidden;
}
.timeline > ul > li > div.info span {color:inherit;}
.timeline > ul > li > div.info > img {margin: 0 5px 5px 0; display: inline-block; border-radius: 5px; vertical-align: middle; width: 25px; height: 25px; object-fit: cover;}
.timeline > ul > li > div.info h3 {font-size:14px;padding-bottom: 4px; display: inline-block; vertical-align: middle;}
.timeline > ul > li > div.info > div {font-size:12px; line-height: 15px; word-break: break-word; }
.timeline > ul > li > div.info > div i.cutwords {display:inline-block; height:16px; overflow: hidden; color:var(--main-txt-low-color); white-space: nowrap;}
.timeline > ul > li > div.info > div.code {display: none;}
.timeline > ul > li > div.info > div.crea {font-size:10px; color:#bbb; margin-top:2px; font-style: italic;}
.timeline > ul > li > div.info > div.loc {font-size:11px; color:#999; padding-left:12px; position:relative; margin-top:5px;}
.timeline > ul > li > div.info > div.nature {font-size:11px; color:#999; padding-left:12px; position:relative; margin-top:5px;}
.timeline > ul > li > div.info > div > div.doc {font-size:10px; color:#999; margin-top:5px;}
.timeline > ul > li > div.info > div.loc::before {content:"\f3c5"; font-family: 'FontAwesome';position:absolute; left:0px; top:0px; font-size:12px;}
.timeline > ul > li > div.info > div.nature::before {content:"\f292"; font-family: 'FontAwesome';position:absolute; left:0px; top:0px; font-size:12px;}
.timeline > ul > li > div.info  i.doneChk  {font-size:16px; cursor: pointer;}
.timeline > ul > li.late > div.info {
	box-shadow: 0 0 4px rgba(255,0,0,0.8) inset;
}
.timeline > ul > li.xxverylate > div.info {
	background: #f00;
	color:#fff;
}
.timeline > ul > li.verylate > div.info {
	background: #f70;
	color:#fff;
}
.timeline > ul > li > div.ico {
	z-index:1;
	position:relative;
	vertical-align: top;
	margin-top:22px;
	margin-left:calc(5% - 18px);
	margin-right:calc(5% - 18px);
	width:45px;
	height:45px;
	background:#000;
	color:#fff;
	border:#fff solid;
	border-width: 3px;
	border-radius: 100%;
	font-size:16px;
	text-align: center;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.timeline > ul > li > div.ico img {width:16px; height:16px; object-fit: cover; border-radius: 8px;}
.timeline > ul > li > div.date {
	margin-top:24px;
	display: inline-flex;
	height: 40px;
	justify-content:center;
	flex-direction:column;
	width:45%;
	vertical-align: top;
	font-size:14px;
	color:#777;
}
.timeline > ul > li > div.date span {font-size:12px; display: block;}
.timeline > ul > li:nth-child(2n) > div.date { text-align: right;}
.timeline > ul > li > div.info::after {
	content:"";
	position:absolute;
	top:20px;
	z-index:1;
	border-color:inherit;
	border-top: solid transparent 6px;
	border-bottom: solid transparent 6px;
}
.timeline > ul > li:nth-child(2n+1) > div.info::after {
	right:-8px;
	border-left: 8px solid;
}
.timeline > ul > li:nth-child(2n) > div.info::after {
	left:-8px;
	border-right: 8px solid;
}
.timeline > ul > li > div.tools {
	left:-22px;
	top:18px;
	padding:0 4px;
	height:100%;
	width:24px;
	display:flex;
	flex-direction:column;
}
.timeline > ul > li > div.tools i {
	margin-bottom:5px;
	color:#999;
	font-size:16px;
	cursor: pointer;
}
.timeline > ul > li > div.tools i:hover {color:#000;}
.timeline > ul > li:nth-child(2n) > div.tools {
	left:auto;
	right:-22px;
}

.timeline li.note div.info { border-color:#5a5; }
.timeline li.note div.info::after  { color:#5a5; }
.timeline li.note div.ico { background:#5a5; }
.timeline li.rdv div.info { border-color:#229; }
.timeline li.rdv div.info::after  { color:#229; }
.timeline li.rdv div.ico { background:#229; }
.timeline li.call div.info { border-color:#77f; }
.timeline li.call div.info::after  { color:#77f; }
.timeline li.call div.ico { border:5px solid #77f; background: #fff; font-size:20px;}
.timeline li.quote div.info { border-color:#f39200; }
.timeline li.quote div.info::after  { color:#f39200; }
.timeline li.quote div.ico { background:#f39200; }
.timeline li.sms div.info { border-color:#00acd5; }
.timeline li.sms div.info::after  { color:#00acd5; }
.timeline li.sms div.ico { border:5px solid #00acd5; background: #fff; font-size:24px;}
.timeline li.mail div.info { border-color:#7433a9; }
.timeline li.mail div.info::after  { color:#7433a9; }
.timeline li.mail div.ico { background:#7433a9; font-size:13px;}
.timeline li.event div.info { border-color:#00c510; }
.timeline li.event div.info::after  { color:#00c510; }
.timeline li.event div.ico { background:#00c510; }
.timeline li.act div.info { border-color:#fe4; }
.timeline li.act div.info::after  { color:#fe4; }
.timeline li.act div.ico { background:#fe4; }
.timeline li.eml div.info { border-color:#49d; }
.timeline li.eml div.info::after  { color:#49d; }
.timeline li.eml div.ico { background:#49d; }
.timeline li.site div.info { border-color:#83d; }
.timeline li.site div.info::after  { color:#83d; }
.timeline li.site div.ico { background:#83d; }
.timeline li.sale div.info { border-color:#d01; }
.timeline li.sale div.info::after  { color:#d01; }
.timeline li.sale div.ico { background:#d01; }
.timeline li.oppt div.info { border-color:#e92; }
.timeline li.oppt div.info::after  { color:#e92; }
.timeline li.oppt div.ico { background:#e92; }
.timeline li.ticket div.info { border-color:#5aa; }
.timeline li.ticket div.info::after  { color:#5aa; }
.timeline li.ticket div.ico { background:#5aa; }

.timeline li.state div.ico { background:#aaa; width: 16px; height: 16px; font-size: 0; display: block; border: none; margin-top: 15px; margin-left: 8px; margin-right: 8px;}
.timeline > ul > li.state > div.date {height:20px; width:calc(45% - 16px); display:block; font-size:11px; margin-top: 17px;}
.timeline > ul > li.state > div.date span {display: inline-block;  font-size:11px; margin-left:3px;}
.timeline > ul > li.state > div.info {background:none; border:none; padding:0px; margin-top:15px; width:calc(45% - 16px); }
.timeline > ul > li.state > div.info h3 {font-weight: normal; font-style: italic; color:#aaa;}
.timeline > ul > li.state > div.info::after {content:none; }
.timeline > ul > li.state:nth-child(2n) > div.info {border:none; margin-top:15px; width:calc(45% - 16px); }

.timeline > ul > li > div.ico a i {color:#fff;}

.timeline > ul > li:nth-child(2n) > div.info { border-right-width: 0px; border-left-width:2px; border-left-style:  solid;	border-radius: 0 8px 8px 0;}
.timeline li .info.clickable,
.timeline li .ico.clickable {cursor: pointer;}


.timeline.sideview > ul > li {flex-direction:row-reverse;}
.timeline.sideview > ul > li > div.info {width:70%; margin-top:20px;}
.timeline.sideview > ul > li > div.date {width:20%; text-align: right;}
.timeline.sideview::after,
.timeline.sideview ul::after {left:calc(25% - -21px);}

.timeline.sideview > ul > li:nth-child(2n+1) > div.info::after {
	left:-8px;
	border-left:none;
	right:auto;
	border-right: 8px solid;
}
.timeline.sideview > ul > li:nth-child(2n+1) > div.info {
	border-right-width: 0px; border-left-width:2px; border-left-style:  solid;	border-radius: 0 8px 8px 0;
}

.timeline.sideview > ul > li.state > div.date {width:calc(25% - 16px); }
.timeline.sideview > ul > li.state > div.info {width:calc(75% - 16px); }
.timeline.sideview > ul > li.state:nth-child(2n) > div.info {width:calc(75% - 16px); }
.timeline.sideview > ul > li.state:nth-child(2n+1) > div.info {width:calc(75% - 16px);border:none;padding:0px;margin-top:15px;}
.timeline.sideview > ul > li > div.tools {
	left:auto;
	right:-22px;
}

.timeline > ul > li.withSub {flex-direction:row;}
.timeline > ul > li.withSub > div.date {text-align: right;}
.timeline > ul > li.withSub > div.info::after {left:auto; right:-8px; border-left: 8px solid; border-right: none;}
.timeline > ul > li.withSub > div.info {border-right-width: 2px; border-left-width:0px; border-right-style:  solid;	border-radius: 8px 0 0 8px;}
.subTimeline .timeline {
	width:100%;
	z-index:1;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 0 10px 10px 0;
	padding:0 10px 10px 0px;
}
.sideview .subTimeline .timeline {width: 80%;}
.subTimeline .timeline div.ico {width:30px; height: 30px; font-size:12px; margin-left: calc(5% - 14px); margin-right: calc(5% - 14px); margin-top: 20px;}
.subTimeline .timeline > ul > li > div.info {margin-top:10px;}
.subTimeline .timeline > ul > li > div.info > div {font-size:11px; line-height: 1.4;}
.subTimeline .timeline > ul > li > div.info > h3 {font-size:12px;}

.timeline > ul > li .descI p {padding:6px 0; min-width: 25rem}
.timeline > ul > li .descI span {font-size: inherit;}
.timeline > ul > li .descI a:hover {text-decoration: underline;}
.timeline > ul > li .descI a:visited {color:#75f;}
.timeline > ul > li .descI span.ref {color:#0aa;}
.timeline > ul > li .descI span.ref.known {color:#77f}
.timeline > ul > li .descI span.price {color:#00c; font-weight: 700;}
.timeline > ul > li .descI span.price.neg {color:#c00; font-weight: 700;}
.timeline > ul > li .descI img {max-width: 100%;}
.timeline > ul > li div.info .filelist {margin-top:8px;}

.links .link {margin:8px 0px 8px 0px; border:1px solid #eee; border-radius: 0 4px 4px 0; border-left: 3px solid #ccc; padding: 0 3px 0 8px; display: flex; cursor: pointer;}
.links .link figure {width:75px; height:75px; flex: 0 0 75px}
.links .link figure img {width:100%; height: 100%; object-fit: cover;}
.links .link div {padding:0 0 0 12px;}
.links .link h6 {color:#777; font-size: 14px; margin: 4px 0px; padding: 0;}
.links .link p {color:#777; padding:6px 0px;}

.tags {display:block; padding:4px 0 0 0;}
.tags .tag {font-size:11px; color:var(--note-tag); background: #f1eeff; display: inline-block; padding:3px 5px; vertical-align: middle; margin-right: 6px; border-radius: 3px;}
.tags .tag:hover {background: #e2dbff;}


.postPondBox {
	position:absolute;
	border:2px solid #720090;
	border-radius: 10px;
	background: #fff;
	z-index:10;
}
.postPondBox span {
	cursor: pointer;
	font-size:12px;
	padding:5px 8px;
	display: inline-block;
}

.stock-state {text-decoration: none; width:20px; height:20px; font-size:0; border-radius: 20px; background: #ccc; display:inline-block;}
.stock-super {background: #0a0;}
.stock-ok {background:#ad0; }
.stock-half {background: #ddd;position:relative;}
.stock-half::after {background: #fb3; height:50%; width:100%; content:""; position:absolute; border-radius: 0 0 20px 20px; top:50%;}
.stock-empty {background: #ccc;}
.stock-neg {background: #a00;}

.activity li {padding:10px 20px; border-bottom: 1px dotted #eee;}
.activity li > .date {display:inline-block; font-size:13px; color:#999; text-align: right; width: 20%; margin-right: 4%;}
.activity li > .date > i {font-size:16px; }
.activity li > .info {display:inline-block; font-size:12px; width:50%;}

 .input-group-ticket{position:relative; 
  display:flex; 
  flex-wrap:wrap; 
  align-items:stretch;
  width: 20%
 }

 .input-group-text-ticket{display:flex; 
  padding:.375rem .75rem; 
  font-size:1rem; 
  font-weight:400; 
  line-height:1.5; 
  color:#757575; 
  text-align:left; 
  white-space:nowrap;  
  border-radius:5px;
margin-left: 2rem;}


 .modal__header,
.modal__footer {
    height: 100px;
}
.modal__content,
.modal__footer {
    position: absolute;
    width: 100%;
}
.modal__content {
    bottom: 100px;
    top: 63px;
    overflow-y: auto;
}
.modal__footer {
    bottom: 0;
}

 #custom-search-input {
  background: #e8e6e7 none repeat scroll 0 0;
  margin: 0;
  padding: 10px;
}
   #custom-search-input .search-query {
   background: #fff none repeat scroll 0 0 !important;
   border-radius: 4px;
   height: 33px;
   margin-bottom: 0;
   padding-left: 7px;
   padding-right: 7px;
   }
   #custom-search-input button {
   background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
   border: 0 none;
   border-radius: 3px;
   color: #666666;
   left: auto;
   margin-bottom: 0;
   margin-top: 7px;
   padding: 2px 5px;
   position: absolute;
   right: 0;
   z-index: 9999;
   }
   .search-query:focus + button {
   z-index: 3;   
   }
   .all_conversation button {
   background: #f5f3f3 none repeat scroll 0 0;
   border: 1px solid #dddddd;
   height: 38px;
   text-align: left;
   width: 100%;
   }
   .all_conversation i {
   background: #e9e7e8 none repeat scroll 0 0;
   border-radius: 100px;
   color: #636363;
   font-size: 17px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   width: 30px;
   }
   .all_conversation .caret {
   bottom: 0;
   margin: auto;
   position: absolute;
   right: 15px;
   top: 0;
   }
   .all_conversation .dropdown-menu {
   background: #f5f3f3 none repeat scroll 0 0;
   border-radius: 0;
   margin-top: 0;
   padding: 0;
   width: 100%;
   }
   .all_conversation ul li {
   border-bottom: 1px solid #dddddd;
   line-height: normal;
   width: 100%;
   }
   .all_conversation ul li a:hover {
   background: #dddddd none repeat scroll 0 0;
   color:#333;
   }
   .all_conversation ul li a {
  color: #333;
  line-height: 30px;
  padding: 3px 20px;
}
   .member_list .chat-body {
   margin-left: 47px;
   margin-top: 0;
   }
   .top_nav {
   overflow: visible;
   }
   .member_list .contact_sec {
   margin-top: 3px;
   }
   .member_list li {
   padding: 6px;
   }
   .member_list ul {
   border: 1px solid #dddddd;
   }
   .chat-img img {
   height: 34px;
   width: 34px;
   }
   .member_list li {
   border-bottom: 1px solid #dddddd;
   padding: 6px;
   }
   .member_list li:last-child {
   border-bottom:none;
   }
   .member_list {
   height: 380px;
   overflow-x: hidden;
   overflow-y: auto;
   }
   .sub_menu_ {
  background: #e8e6e7 none repeat scroll 0 0;
  left: 100%;
  max-width: 233px;
  position: absolute;
  width: 100%;
}
.sub_menu_ {
  background: #f5f3f3 none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  display: none;
  left: 100%;
  margin-left: 0;
  max-width: 233px;
  position: absolute;
  top: 0;
  width: 100%;
}
.all_conversation ul li:hover .sub_menu_ {
  display: block;
}
.new_message_head button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
}
.new_message_head {
  background: #f5f3f3 none repeat scroll 0 0;
  float: left;
  font-size: 13px;
  font-weight: 600;
  padding: 18px 10px;
  width: 100%;
}
.message_section {
  border: 1px solid #dddddd;
}
.chat_area {
  float: left;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
.chat_area li {
  padding: 14px 14px 0;
}
.chat_area li .chat-img1 img {
  height: 40px;
  width: 40px;
}
.chat_area .chat-body1 {
  margin-left: 50px;
}
.chat-body1 p {
  background: #fbf9fa none repeat scroll 0 0;
  padding: 10px;
}
.chat_area .admin_chat .chat-body1 {
  margin-left: 0;
  margin-right: 50px;
}
.chat_area li:last-child {
  padding-bottom: 10px;
}
.message_write {
  background: #f5f3f3 none repeat scroll 0 0;
  float: left;
  padding: 15px;
  width: 100%;
}

.message_write textarea.form-control {
  height: 70px;
  padding: 10px;
}
.chat_bottom {
  float: left;
  margin-top: 13px;
  width: 100%;
}
.upload_btn {
  color: #777777;
}
.sub_menu_ > li a, .sub_menu_ > li {
  float: left;
  width:100%;
}
.member_list li:hover {
  background: #428bca none repeat scroll 0 0;
  color: #fff;
  cursor:pointer; background-color: #555;
}

 .modal.left .modal-dialog,
 .modal.right .modal-dialog {
   position: fixed;
   margin: auto;
   width: 400px;
   height: 100%;
   -webkit-transform: translate3d(0%, 0, 0);
       -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
           transform: translate3d(0%, 0, 0);
 }

 .modal.left .modal-content,
 .modal.right .modal-content {
   height: 100%;
   overflow-y: auto;
 }
 
 .modal.left .modal-body,
 .modal.right .modal-body {
   padding: 15px 15px 80px;
 }
 
 .modal.right.fade .modal-dialog {
  right: 0px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
       -o-transition: opacity 0.3s linear, right 0.3s ease-out;
          transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
  right: 0;
}

 .navbar-nav.align-items-center.ms-right{
  margin-left: auto !important;
  margin-right: 0rem !important;
}

.btn.btn-primary.btn-file.hidden{
  display: none;
}

 table td.dt-control{
   text-align:center;cursor:pointer}
   
   table td.dt-control:before{
    height:1em;width:1em;margin-top:-9px;display:inline-block;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}

    table td.dt-control:before{
      height:1em;width:1em;margin-top:-9px;display:inline-block;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#31b131}
  
table td.dt-control.dt-hasChild:before{
  content:"-";background-color:#d33333}

table tr.dt {
      display: none}
  
table tr.dt.dt-Child {
  display: contents}
  
table{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}


@import url('//cdn.datatables.net/1.10.2/css/jquery.dataTables.css');
 td.details-control {
    background: url('http://www.datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('http://www.datatables.net/examples/resources/details_close.png') no-repeat center center;
}

 .radio[value="autre"]:checked ~ #autreadresse {
  display: block;
}

#autreadresse {
  display: none;
}

form .frm_form_field.frm_two_col label{
  cursor: pointer;
}


form .frm_form_field.frm_two_col .isHidden {
  display: none; /* hide radio buttons */
}

form .frm_form_field.frm_two_col .label {
  border: 1px solid #102d69;
  padding: 15px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  margin: 10px 100px;
  padding-left: 5rem;
}

form .frm_form_field.frm_two_col .labelblock {
  border: 1px solid #102d69;
  padding: 15px;
  border-radius: 10px;
}

form .frm_form_field.frm_two_col .radio:checked + .label {   /* target next sibling (+) label */
  background: #102d69;
  color: white;
}


 .wizard-content .wizard>.actions>ul>li.previous>a.retour {
  background-color: #fff;
  color: #102d69;
  border: 1px solid #102d69;
}

.vertical-top.modalshow{
  opacity: 0.2;
}

 .jumbotron.vertical-center {
    margin-bottom: 0; /* Remove the default bottom margin of .jumbotron */
  }

  .wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"] {
    display: none;
    border-color: #1b00ff;
}   

.wizard-content .wizard>.actions>ul>li.disabled>button {
  display: none;
  border-color: #1b00ff;
}   

.file-footer-buttons.hidden {
	display: none!important;
}


  .vertical-center {
    min-height: 100%;  /* Fallback for vh unit */
    display: -webkit-box;
    /*display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    
    /* Align the bootstrap's container vertically */
      -webkit-box-align : center;
    -webkit-align-items : center;
         -moz-box-align : center;
         -ms-flex-align : center;
            align-items : center;
    
    /* In legacy web browsers such as Firefox 9
       we need to specify the width of the flex container */
    width: 100%;
    
    /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
       hence the bootstrap's container won't be aligned to the center anymore.
    
       Therefore, we should use the following declarations to get it centered again */
           -webkit-box-pack : center;
              -moz-box-pack : center;
              -ms-flex-pack : center;
    -webkit-justify-content : center;
            justify-content : center;
  }
  @media (min-width: 1440px) {
    .vertical-center {
        min-height: 80vh;
    }
    }

    @media (max-width: 1439.98px) {
        .vertical-center {
            min-height: 70vh;
        }
    }

    .vertical-top {
        min-height: 100%;  /* Fallback for vh unit */

        width: 100%;

        }
        @media (min-width: 1440px) {
        .vertical-top {
            min-height: 83vh;
        }
        }
    
        @media (max-width: 1439.98px) {
            .vertical-top {
                min-height: 74vh;
            }
            }

 .background .blur {
    background-image: url(../../../img/Background-1.jpg);
    -webkit-animation: animate-fadeIn;
    -o-animation: animate-fadeIn;
    animation: animate-fadeIn;
  }
   .background .full {
    background-image: url(../../../img/Background-blurryGradient.svg);
    -webkit-animation: animate-fadeIn;
    -o-animation: animate-fadeIn;
    animation: animate-fadeIn;
  }
  
  .background>div {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat, no-repeat;
    background-position: center center, center center;
    background-size: cover, cover;
  }
  
  /*.navbar img {
    height: 3.5rem!important;
  }*/
  
  #layoutAuthentication {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

  #layoutAuthentication #layoutAuthentication_content {
    min-width: 0;
    flex-grow: 1;
}

#layoutAuthentication #layoutAuthentication_footer {
    min-width: 0;
    position: relative;
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede; }
  
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
  
  .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4; }
  
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
  
  .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2); }
  
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
  
  /* -------------------------------------------------
      Datepicker cells
     ------------------------------------------------- */
  .datepicker--cells {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  
  .datepicker--cell {
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1; }
  
  .datepicker--cell.-focus- {
    background: #f0f0f0; }
  
  .datepicker--cell.-current- {
    color: #4EB5E6; }
  
  .datepicker--cell.-current-.-focus- {
    color: #4a4a4a; }
  
  .datepicker--cell.-current-.-in-range- {
    color: #4EB5E6; }
  
  .datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, 0.1);
    color: #4a4a4a;
    border-radius: 0; }
  
  .datepicker--cell.-in-range-.-focus- {
    background-color: rgba(92, 196, 239, 0.2); }
  
  .datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae; }
  
  .datepicker--cell.-disabled-.-focus- {
    color: #aeaeae; }
  
  .datepicker--cell.-disabled-.-in-range- {
    color: #a1a1a1; }
  
  .datepicker--cell.-disabled-.-current-.-focus- {
    color: #aeaeae; }
  
  .datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 4px 0 0 4px; }
  
  .datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 0 4px 4px 0; }
  
  .datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px; }
  
  .datepicker--cell.-selected- {
    color: #fff;
    border: none;
    background: #5cc4ef; }
  
  .datepicker--cell.-selected-.-current- {
    color: #fff;
    background: #5cc4ef; }
  
  .datepicker--cell.-selected-.-focus- {
    background: #45bced; }
  
  .datepicker--cell:empty {
    cursor: default; }
  
  .datepicker--days-names {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px; }
  
  .datepicker--day-name {
    color: #FF9A19;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em; }
  
  .datepicker--cell-day {
    width: 14.28571%; }
  
  .datepicker--cells-months {
    height: 170px; }
  
  .datepicker--cell-month {
    width: 33.33%;
    height: 25%; }
  
  .datepicker--years {
    height: 170px; }
  
  .datepicker--cells-years {
    height: 170px; }
  
  .datepicker--cell-year {
    width: 25%;
    height: 33.33%; }
  
  .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede; }
  
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
  
  .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4; }
  
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
  
  .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2); }
  
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
  
  /* -------------------------------------------------
      Datepicker
     ------------------------------------------------- */
  .datepickers-container {
    position: absolute;
    left: 0;
    top: 0; }
  
  @media print {
    .datepickers-container {
      display: none; } }
  
  .datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
    -webkit-transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
    z-index: 100; }
  
  .datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  
  .datepicker.-from-right- {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  
  .datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  
  .datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px); }
  
  .datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
    -webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; }
  
  .datepicker-inline .datepicker {
    border-color: #d7d7d7;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
  
  .datepicker-inline .datepicker--pointer {
    display: none; }
  
  .datepicker--content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 4px; }
  
  .-only-timepicker- .datepicker--content {
    display: none; }
  
  .datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1; }
  
  .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  
  .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg); }
  
  .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg); }
  
  .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  
  .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
    left: 10px; }
  
  .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    right: 10px; }
  
  .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
    left: calc(50% - 10px / 2); }
  
  .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px; }
  
  .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px; }
  
  .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2); }
  
  .datepicker--body {
    display: none; }
  
  .datepicker--body.active {
    display: block; }
  
  .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede; }
  
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
  
  .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4; }
  
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
  
  .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2); }
  
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
  
  /* -------------------------------------------------
      Navigation
     ------------------------------------------------- */
  .datepicker--nav {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px; }
  
  .-only-timepicker- .datepicker--nav {
    display: none; }
  
  .datepicker--nav-title,
  .datepicker--nav-action {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    cursor: pointer;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center; }
  
  .datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  
  .datepicker--nav-action:hover {
    background: #f0f0f0; }
  
  .datepicker--nav-action.-disabled- {
    visibility: hidden; }
  
  .datepicker--nav-action svg {
    width: 32px;
    height: 32px; }
  
  .datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px; }
  
  .datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px; }
  
  .datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px; }
  
  .datepicker--nav-title:hover {
    background: #f0f0f0; }
  
  .datepicker--nav-title.-disabled- {
    cursor: default;
    background: none; }
  
  .datepicker--buttons {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding: 4px;
    border-top: 1px solid #efefef; }
  
  .datepicker--button {
    color: #4EB5E6;
    cursor: pointer;
    border-radius: 4px;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    height: 32px; }
  
  .datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0; }
  
  .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede; }
  
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
  
  .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4; }
  
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
  
  .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2); }
  
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
  
  /* -------------------------------------------------
      Timepicker
     ------------------------------------------------- */
  .datepicker--time {
    border-top: 1px solid #efefef;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 4px;
    position: relative; }
  
  .datepicker--time.-am-pm- .datepicker--time-sliders {
    -ms-flex: 0 1 138px;
    -webkit-box-flex: 0;
    flex: 0 1 138px;
    max-width: 138px; }
  
  .-only-timepicker- .datepicker--time {
    border-top: none; }
  
  .datepicker--time-sliders {
    -ms-flex: 0 1 153px;
    -webkit-box-flex: 0;
    flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px; }
  
  .datepicker--time-label {
    display: none;
    font-size: 12px; }
  
  .datepicker--time-current {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px; }
  
  .datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1; }
  
  .datepicker--time-current-hours,
  .datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1; }
  
  .datepicker--time-current-hours:after,
  .datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0; }
  
  .datepicker--time-current-hours.-focus-:after,
  .datepicker--time-current-minutes.-focus-:after {
    opacity: 1; }
  
  .datepicker--time-current-ampm {
    text-transform: uppercase;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px; }
  
  .datepicker--time-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: -webkit-gradient(linear, left top, right top, from(#dedede), to(#dedede)) left 50%/100% 1px no-repeat;
    background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }
  
  .datepicker--time-row:first-child {
    margin-bottom: 4px; }
  
  .datepicker--time-row input[type='range'] {
    background: none;
    cursor: pointer;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none; }
  
  .datepicker--time-row input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none; }
  
  .datepicker--time-row input[type='range']::-ms-tooltip {
    display: none; }
  
  .datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
    border-color: #b8b8b8; }
  
  .datepicker--time-row input[type='range']:hover::-moz-range-thumb {
    border-color: #b8b8b8; }
  
  .datepicker--time-row input[type='range']:hover::-ms-thumb {
    border-color: #b8b8b8; }
  
  .datepicker--time-row input[type='range']:focus {
    outline: none; }
  
  .datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef; }
  
  .datepicker--time-row input[type='range']:focus::-moz-range-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef; }
  
  .datepicker--time-row input[type='range']:focus::-ms-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef; }
  
  .datepicker--time-row input[type='range']::-webkit-slider-thumb {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    -webkit-transition: background .2s;
    transition: background .2s; }
  
  .datepicker--time-row input[type='range']::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    -webkit-transition: background .2s;
    transition: background .2s; }
  
  .datepicker--time-row input[type='range']::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    -webkit-transition: background .2s;
    transition: background .2s; }
  
  .datepicker--time-row input[type='range']::-webkit-slider-thumb {
    margin-top: -6px; }
  
  .datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: transparent; }
  
  .datepicker--time-row input[type='range']::-moz-range-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: transparent; }
  
  .datepicker--time-row input[type='range']::-ms-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: transparent; }
  
  .datepicker--time-row input[type='range']::-ms-fill-lower {
    background: transparent; }
  
  .datepicker--time-row input[type='range']::-ms-fill-upper {
    background: transparent; }
  
  .datepicker--time-row span {
    padding: 0 12px; }
  
  .datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em; }
  
  .datepicker--time-icon:after, .datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute; }
  
  .datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  
  .datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px); }
  
  .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede; }
  
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
  
  .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4; }
  
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
  
  .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2); }
  
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
   /*END CNFPT*/

/********** Template CSS **********/
:root {
    --primary: #102d69;
    --light: #F3F6F9;
    --dark: #191C24;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    top: 50%;
    z-index: 99;
}


/*** Spinner ***/
#spinner {
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s ease-out, visibility 0s linear .5s;
  z-index: 99999;
}

#spinner.show {
  transition: opacity .5s ease-out, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1;
  flex-direction: column;
}

#loader {
  opacity: 0;
  display: none;
  transition: opacity .5s ease-out, visibility 0s linear .5s;
  z-index: 99999;
  padding-top: 2rem;
  text-align: center;
}

#loader.show {
  display: block;
  transition: opacity .5s ease-out, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1;
  flex-direction: column;
}


/*** Button ***/
.btn {
    transition: .5s;
}

.btn.btn-primary {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 50px;
}


/*** Layout ***/
.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 300px;
    height: 100vh;
    overflow-y: auto;
    background: var(--light);
    transition: 0.5s;
    z-index: 999;
}

.content-main {
    margin-left: 300px;
    min-height: 100vh;
    background: #FFFFFF;
    transition: 0.5s;
}

@media (min-width: 992px) {
    .sidebar {
        margin-left: 0;
    }

    .sidebar.open {
        margin-left: -300px    ;
    }

    .content-main {
        width: calc(100% - 300px);
    }

    .content-main.open {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 991.98px) {
    .sidebar {
        margin-left: 0;
    }

    .sidebar.open {
        margin-left: -300px;
    }

    .content-main {
        width: 100%;
        margin-left: 0;
    }
}


/*** Navbar ***/
.sidebar .navbar .navbar-nav .nav-link {
    padding: 20px 20px;
    font-weight: 500;
    border-left: 3px solid var(--light);
    border-radius: 0 30px 30px 0;
    outline: none;
}

.sidebar .navbar .navbar-nav .nav-link:hover,
.sidebar .navbar .navbar-nav .nav-link.active {
    color: var(--primary);
    background: #FFFFFF;
    border-color: var(--primary);
}

.sidebar .navbar .navbar-nav .nav-link i {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 40px;
}


.sidebar .navbar .navbar-nav .nav-link:hover i,
.sidebar .navbar .navbar-nav .nav-link.active i {
    background: var(--light);
}

.sidebar .navbar .dropdown-toggle::after {
    position: absolute;
    top: 20px;
    right: 15px;
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: .5s;
}

.sidebar .navbar .dropdown-toggle[aria-expanded=true]::after {
    transform: rotate(-180deg);
}

.sidebar .navbar .dropdown-item {
    padding-left: 25px;
    border-radius: 0 30px 30px 0;
}

.content-main .navbar .navbar-nav .nav-link {
    margin-left: 25px;
    padding: 12px 0;
    color: var(--dark);
    outline: none;
}

.content-main .navbar .navbar-nav .nav-link:hover,
.content .navbar .navbar-nav .nav-link.active {
    color: var(--primary);
}

.content-main .navbar .sidebar-toggler,
.content-main .navbar .navbar-nav .nav-link i {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF!important;
    border-radius: 40px;
}

.content-main .navbar .navbar-nav .nav-link path {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF!important;
    border-radius: 40px;
}

.content-main .navbar .dropdown-toggle::after {
    margin-left: 6px;
    vertical-align: middle;
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: .5s;
}

.content-main .navbar .dropdown-toggle[aria-expanded=true]::after {
    transform: rotate(-180deg);
}

@media (max-width: 575.98px) {
    .content-main .navbar .navbar-nav .nav-link {
        margin-left: 15px;
    }
}


/*** Date Picker ***/
.bootstrap-datetimepicker-widget.bottom {
    top: auto !important;
}

.bootstrap-datetimepicker-widget .table * {
    border-bottom-width: 0px;
}

.bootstrap-datetimepicker-widget .table th {
    font-weight: 500;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    padding: 10px;
    border-radius: 2px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background: var(--primary);
}

.bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: var(--primary);
}


/*** Testimonial ***/
.progress .progress-bar {
    width: 0px;
    transition: 2s;
}


/*** Testimonial ***/
.testimonial-carousel .owl-dots {
    margin-top: 24px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    border: 5px solid var(--primary);
    border-radius: 15px;
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    background: var(--dark);
    border-color: var(--primary);
}